<template>
  <div>
    <!--
      .sync修饰符:值的双向绑定
      弥足一个组件只能用一个v-model不足
      <子组件标签  :属性名=“父组件属性” @update:属性名="父组件属性=$event" />
      <子组件标签  :属性名.sync=“父组件属性”  />
      子组件内：
      props:{
        属性名:{
          type:....
        }
      }
      this.$emit('update:属性名'，实参值)

    -->
    <h1>父组件</h1>
    <hr>
    <!-- <Son :money="money" @update:money="money = $event" /> -->
    <Son :money.sync="money" />
  </div>
</template>
<script>
import Son from './components/son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      money: 5000
    }
  }
}
</script>
<style></style>
